<%@ page pageEncoding="UTF-8" %>
<%@ include file="common/global.jsp" %>
<head>
    <%@ include file="common/meta.jsp" %>
    <title><f:message key="common.title"/> - <f:message key="menu.sample_pages.Pricing"/></title>
    <%@ include file="common/css.jsp" %>
    <link rel="stylesheet" href="${BASE}/www/css/pages/pricing.css">

</head>

<body>

<div id="wrapper">


<%@ include file="common/topbar.jsp" %>
<%@ include file="common/header.jsp" %>
    <div id="masthead">

        <div class="container">

            <div class="masthead-pad">

                <div class="masthead-text">
                    <h2>Pricing Plans</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div> <!-- /.masthead-text -->

            </div>

        </div> <!-- /.container -->

    </div> <!-- /#masthead -->
    <div id="content">

        <div class="container">


            <div class="row">

                <div class="span12">

                    <div id="pricing-header">
                        <h1>30-day Free Trial on All Accounts</h1>
                        <h2>No hidden fees. Cancel at anytime. No risk.</h2>
                    </div> <!-- /#pricing-header -->



                    <div class="pricing-plans plans-4">

                        <div class="plan-container">
                            <div class="plan">
                                <div class="plan-header">

                                    <div class="plan-title">
                                        Micro
                                    </div> <!-- /plan-title -->

                                    <div class="plan-price">
                                        <span class="note">$</span>15<span class="term">Per Month</span>
                                    </div> <!-- /plan-price -->

                                </div> <!-- /plan-header -->

                                <div class="plan-features">
                                    <ul>
                                        <li><strong>Free</strong> setup</li>
                                        <li><strong>1</strong> Website</li>
                                        <li><strong>2</strong> Projects</li>
                                        <li><strong>1GB</strong> Storage</li>
                                        <li><strong>$15</strong> Google Adwords Credit</li>
                                    </ul>
                                </div> <!-- /plan-features -->

                                <div class="plan-actions">
                                    <a href="javascript:;" class="btn">Purchase Now</a>
                                </div> <!-- /plan-actions -->

                            </div> <!-- /plan -->
                        </div> <!-- /plan-container -->

                        <div class="plan-container">
                            <div class="plan">
                                <div class="plan-header">

                                    <div class="plan-title">
                                        Starter
                                    </div> <!-- /plan-title -->

                                    <div class="plan-price">
                                        <span class="note">$</span>35<span class="term">Per Month</span>
                                    </div> <!-- /plan-price -->

                                </div> <!-- /plan-header -->

                                <div class="plan-features">
                                    <ul>
                                        <li><strong>Free</strong> setup</li>
                                        <li><strong>5</strong> Website</li>
                                        <li><strong>10</strong> Projects</li>
                                        <li><strong>5GB</strong> Storage</li>
                                        <li><strong>$35</strong> Google Adwords Credit</li>
                                    </ul>
                                </div> <!-- /plan-features -->

                                <div class="plan-actions">
                                    <a href="javascript:;" class="btn">Purchase Now</a>
                                </div> <!-- /plan-actions -->

                            </div> <!-- /plan -->
                        </div> <!-- /plan-container -->

                        <div class="plan-container best-value">
                            <div class="plan">
                                <div class="plan-header">

                                    <div class="plan-title">
                                        Business
                                    </div> <!-- /plan-title -->

                                    <div class="plan-price">
                                        <span class="note">$</span>75<span class="term">Per Month</span>
                                    </div> <!-- /plan-price -->

                                </div> <!-- /plan-header -->

                                <div class="plan-features">
                                    <ul>
                                        <li><strong>Free</strong> setup</li>
                                        <li><strong>20</strong> Website</li>
                                        <li><strong>35</strong> Projects</li>
                                        <li><strong>Unlimited</strong> Storage</li>
                                        <li><strong>$150</strong> Google Adwords Credit</li>
                                    </ul>
                                </div> <!-- /plan-features -->

                                <div class="plan-actions">
                                    <a href="javascript:;" class="btn">Purchase Now</a>
                                </div> <!-- /plan-actions -->

                            </div> <!-- /plan -->
                        </div> <!-- /plan-container -->

                        <div class="plan-container">
                            <div class="plan">
                                <div class="plan-header">

                                    <div class="plan-title">
                                        Enterprise
                                    </div> <!-- /plan-title -->

                                    <div class="plan-price">
                                        <span class="note">$</span>125<span class="term">Per Month</span>
                                    </div> <!-- /plan-price -->

                                </div> <!-- /plan-header -->

                                <div class="plan-features">
                                    <ul>
                                        <li><strong>Free</strong> setup</li>
                                        <li><strong>Unlimited</strong> Website</li>
                                        <li><strong>Unlimited</strong> Projects</li>
                                        <li><strong>Unlimited</strong> Storage</li>
                                        <li><strong>$250</strong> Google Adwords Credit</li>
                                    </ul>
                                </div> <!-- /plan-features -->

                                <div class="plan-actions">
                                    <a href="javascript:;" class="btn">Purchase Now</a>
                                </div> <!-- /plan-actions -->

                            </div> <!-- /plan -->

                        </div> <!-- /plan-container -->

                    </div>

                </div> <!-- /.span12 -->

            </div> <!-- /.row -->


        </div> <!-- /.container -->

    </div> <!-- /#content -->

</div> <!-- /#wrapper -->



<%@ include file="common/footer.jsp" %>
<%@ include file="common/js.jsp" %>


<script>
    $(function () {
        Theme.init ();
        $("#nav3").addClass("active").siblings().removeClass("active");
    });
</script>

</body>
</html>